<template>
	<view class="kill_result">
		<view class="kill_box">
			<image :src="`${baseImageUrl}/kill/ss.png`" class="cover"></image>
			<view class="tips">
				<view class="top">捕快抓捕了<text>【{{room_name}}】</text>的所有人</view>
				<view class="other">
					<text>幸存者瓜分里面的</text>
					<image :src="url"></image>
					<text class="number">{{number}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		props: {
			url: {
				type: String,
				default: ''
			},
			room_name: {
				type: String,
				default: ""
			},
			number: {
				type: [Number, String],
				default: ""
			}
		},
	}
</script>

<style scoped lang="scss">
	.kill_result {
		width: 100vw;
		height: 205rpx;
		padding: 20rpx 0;
		box-sizing: border-box;
		// background: url(@/static/images/kill/2.png) no-repeat;
		background: url(#{$baseImageUrl}/kill/2.png) no-repeat;
		background-size: 100% 100%;
		overflow: hidden;

		.kill_box {
			width: 100%;
			height: 100%;
			padding: 0 60rpx;
			box-sizing: border-box;
			overflow: hidden;
			display: flex;

			.cover {
				width: 200rpx;
				height: 200rpx;
				transform: rotateY(180deg)
			}

			.tips {
				display: flex;
				flex-direction: column;
				justify-content: center;

				.top {
					color: #FFFFFF;
					font-size: 30rpx;
					font-family: LiSu;
					font-weight: 400;
					margin-bottom: 24rpx;

					text {
						color: #FF1F1F;
					}
				}

				.other {
					display: flex;
					align-items: center;

					text {
						color: #FFFFFF;
						font-size: 30rpx;
						font-weight: 400;
						font-family: LiSu;
					}

					image {
						width: 30rpx;
						height: 30rpx;
						margin: 0 10rpx;
					}

					.number {
						font-family: SimSun;
					}
				}
			}

		}
	}
</style>